/**
 * @parma author ludan
 * @param explain 导出 menuList hooks
 */
import React, { useState } from 'react'
import {
  UploadOutlined,
  DesktopOutlined,
  VideoCameraOutlined,
  WechatOutlined,
  CodepenCircleOutlined,
  UserAddOutlined,
  DropboxOutlined
} from '@ant-design/icons'

export interface BaseMenuListType {
  key: string
  icon?: React.ReactNode
  label?: string
  meta?: {
    title: string
  }
  children?: BaseMenuListType[]
}

const useMenuList = () => {
  const [menuList, setMenuList] = useState<BaseMenuListType[]>([
    {
      key: 'Welcome',
      icon: <CodepenCircleOutlined />,
      label: '首页',
    },
    {
      key: "userManger",
      icon: <UserAddOutlined />,
      label: "用户管理"
    },
    {
      key: 'bannerManger',
      icon: <DropboxOutlined />,
      label: '轮播图管理',
    },
    // {
    //   key: 'NetdiskInfo',
    //   icon: <DesktopOutlined />,
    //   label: '课程管理',
    // },
    // {
    //   key: 'NetworkQueryInfo',
    //   icon: <VideoCameraOutlined />,
    //   label: '网盘查询信息',
    // },
    // {
    //   key: 'NetworkDiskTree',
    //   icon: <UploadOutlined />,
    //   label: '网盘树形图操作',
    // },
    // {
    //   key: 'NetworkDiskRoleManagement',
    //   icon: <WechatOutlined />,
    //   label: '网盘操作员角色管理',
    // }
  ])
  return [menuList, setMenuList]
}

export default useMenuList
